/** Add css rules here for your application. */


/** Example rules used by the template application (remove for your app) */
h1 {
  font-size: 2em;
  font-weight: bold;
  color: #777777;
  margin: 40px 0px 70px;
  text-align: center;
}

.sendButton {
  display: block;
  font-size: 16pt;
}

/** Most GWT widgets already have a style name defined */
.gwt-DialogBox {
  width: 400px;
}

.dialogVPanel {
  margin: 5px;
}

.serverResponseLabelError {
  color: red;
}

/** Set ids using widget.getElement().setId("idOfElement") */
#closeButton {
  margin: 15px 6px 6px;
}

.center {
    text-align: center;
}

.tableback{
    z-index: 0;
}


.card0 {
     display: block;
}

.card1 {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

     display: block;
}

.card2{

     display: block;
}

.card3{
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);

     display: block;
}

.hand0{
    display: block;
     z-index: 20;
}
.hand1{
    display: block;
    z-index: 21;
}
.hand2{
    display: block;
    z-index: 22;
}
.hand3{
    display: block;
    z-index: 23;
}
.hand4{
    display: block;
    z-index: 24;
}
.hand5{
    display: block;
    z-index: 25;
}
.hand6{
    display: block;
    z-index: 26;
}
.hand7{
    display: block;
    z-index: 27;
}
.hand8{
    display: block;
    z-index: 28;
}
.hand9{
    display: block;
    z-index: 29;
}
.hand10{
    display: block;
    z-index: 30;
}
.hand11{
    display: block;
    z-index: 31;
}
.hand12{
    display: block;
    z-index: 32;
}